<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="keywords" content="关爱帮,小程序,深圳关爱帮科技有限公司" />
  <meta name="description" content="小程序、手机软件、电脑软件、微信公众号、网站、互联网产品开发与推广；智能穿戴设备的技术研发、设计、技术咨询、销售、技术服务；,联系方式:4000-8666-90"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link href="styles/bootstrap.css" rel="stylesheet" type="text/css">
  <script src="js/jquery-1.12.3.min.js" type="text/javascript"></script>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="styles/swiper.min.css" type="text/css">
  <link rel="stylesheet" href="styles/gabStyle.css" type="text/css">
  <link rel="stylesheet" href="styles/xcConfirm.css" type="text/css">
  <title>深圳关爱帮科技有限公司</title>
  <script>
  	var navigation = function(){
		$(".navbar-toggle").click();
	};
  </script>
</head>
<body data-ng-app="Gab" ng-controller="indexController">
<header class="header navbar-fixed-top hidden-xs">
<nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse"
              data-target="#example-navbar-collapse">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/logo.png" alt=""></a>
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
      <ul class="nav navbar-nav">
        <li ui-sref-active="active"><a ui-sref="home">首页</a></li>
        <li ui-sref-active="active"><a ui-sref="about">公司介绍</a></li>
        <li ui-sref-active="active"><a href="https://xcx.guanaibang.com">超级拖拽</a></li>
        <li ui-sref-active="active"><a ui-sref="vi">定制小程序</a></li>
        <!-- <li ui-sref-active="active"><a ui-sref="join">招商加盟</a></li> -->
        <li ui-sref-active="active"><a ui-sref="contact">联系我们</a></li>
      </ul>
      <ul class="navbar-right loadBtn hidden-xs hidden-sm">
        <li class="pull-left"><a href="https://xcx.guanaibang.com/register.html">免费注册</a></li>
        <li class="pull-left"><a href="https://xcx.guanaibang.com/login.html">登录</a></li>
      </ul>
    </div>
  </div>
</nav>
</header>

<header class="header navbar-fixed-top hidden-sm hidden-md hidden-lg">
<nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse"
              data-target="#example-navbar-collapse1">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="http://guanaibang.oss-cn-shenzhen.aliyuncs.com/guanaibang/images/logo.png" alt=""></a>
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse1">
      <ul class="nav navbar-nav">
        <li ui-sref-active="active" onclick="navigation()"><a ui-sref="home">首页</a></li>
        <li ui-sref-active="active" onclick="navigation()"><a ui-sref="about">公司介绍</a></li>
        <li ui-sref-active="active" onclick="navigation()"><a href="https://xcx.guanaibang.com">超级拖拽</a></li>
        <li ui-sref-active="active" onclick="navigation()"><a ui-sref="vi">定制小程序</a></li>
        <!-- <li ui-sref-active="active" onclick="navigation()"><a ui-sref="join">招商加盟</a></li> -->
        <li ui-sref-active="active" onclick="navigation()"><a ui-sref="contact">联系我们</a></li>
      </ul>
      <ul class="navbar-right loadBtn hidden-xs hidden-sm">
        <li class="pull-left"><a href="https://xcx.guanaibang.com/register.html">免费注册</a></li>
        <li class="pull-left"><a href="https://xcx.guanaibang.com/login.html">登录</a></li>
      </ul>
    </div>
  </div>
</nav>
</header>

<div data-ui-view=""></div>

<footer class="footer">
  <div class="container">
    <div class="row">
      <aside class="col-sm-12 col-md-7">
        <div class="row">
          <aside class="col-xs-12 col-sm-6 col-md-4 footerLogo"></aside>
          <aside class="col-xs-12 col-sm-6 col-md-8 footerAddress">
            <h4>业务交流</h4>
            <span>电话：{{compangyData.tel}}</span>
            <span>手机：{{compangyData.phone}}</span>
            <span>邮箱：{{compangyData.email}}</span>
            <span>地址：{{compangyData.addr}}</span>
          </aside>
        </div>
      </aside>
      <aside class="col-sm-12 col-md-5">
        <div class="row">
          <aside class="col-sm-7 col-xs-12 footerInfo"></aside>
          <aside class="col-sm-5 col-xs-12 code">
            <div class="codeimg">
              <!-- <img src="images/code.png" alt=""> -->
              <img ng-src="{{compangyData.code}}" alt="">
            </div>
            <!-- <span>扫码关注</span> -->
          </aside>
        </div>
      </aside>
    </div>
    <div class="copyright text-center">Copyright © {{compangyData.copyright}}.深圳关爱帮科技有限公司版权所有. <a style="color:#b3b3b3" href="http://www.miitbeian.gov.cn/">粤ICP备18106715号</a></div>
  </div>
</footer>

<!--客服-->
<div class="yb_conct">
  <div class="yb_bar">
    <ul>
      <li class="yb_top">返回顶部</li>
      <li class="yb_phone"><a href="tel:{{compangyData.tel}}">{{compangyData.tel}}</a></li>
      <li class="yb_QQ">
          <a href="http://wpa.qq.com/msgrd?v=3&uin={{compangyData.qq}}&site=qq&menu=yes" target="_blank">在线咨询</a>
      </li>
      <li class="yb_ercode">微信二维码<br>
         <!--  <img class="hd_qr" src="images/icon_code.png" style="margin-top: 20px;"> -->
          <img class="hd_qr" ng-src="{{compangyData.code}}" style="margin-top: 20px;">
      </li>
    </ul>
  </div>
</div>
<!--客服-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/angular.min.js" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/angular-ui-router/1.0.0-rc.1/angular-ui-router.min.js" type="text/javascript"></script>
<script src="js/router.js" type="text/javascript"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js" type="text/javascript"></script>
<script src="js/swiper.min.js" type="text/javascript"></script>
<script src="js/countup.min.js" type="text/javascript"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=r72vsB2bPf9H2kkgrkWNpqA3bXyyGAGC" type="text/javascript"></script>
<script src="js/DataController.js" type="text/javascript"></script>
<script src="js/xcConfirm.js" type="text/javascript"></script>
<script>
    new WOW().init();
    $(function() {

        $(".yb_conct").hover(function() {
        	if(window.innerWidth < 768){
        		$(".yb_conct").css({"right": "5px","margin-top":"-50px"});
                $(".yb_bar .yb_ercode").css('height', '200px');
        	}else{
        		$(".yb_conct").css("right", "5px");
                $(".yb_bar .yb_ercode").css('height', '200px');
        	}
        }, function() {
            $(".yb_conct").css("right", "-127px");
            $(".yb_bar .yb_ercode").css('height', '53px');
        });

        $(".yb_top").click(function() {
            $("html,body").animate({
                'scrollTop': '0px'
            }, 300)
        });


        $(window).scroll(function(){

            var topp = $(document).scrollTop();
            // console.log(topp);
            if(window.innerHeight<768){
            	if(topp > 50){
                    $('.header').addClass('navbg');
                  }else {
                      $('.header').removeClass('navbg');
                  }
            }else{
            	if(topp > 500){
                    $('.header').addClass('navbg');
                  }else {
                      $('.header').removeClass('navbg');
                  }
            }
            

        })

    });
</script>
</body>
</html>